مرحله اول :

در مرحله اول ما نیاز به یک کتابخوانه داریم که سیستم عامل های گوشی رو بتونیم تشخیص بدیم .
اینکار رو ما با Mobile_Detect.php انجام میدم . این فایل در پیوست همین ارسال قرار گرفته که باید در روت هاست اپلود کنید


مرحله دوم :

با استفاده از این کتابخوانه ما میتونیم سیستم عامل کاربرمون رو تشخیص بدیم حالا کافیه با یک شرط خیلی ساده به سایتمون بگیم که اگر کاربر با موبایل وارد شد . قالب سایت مثلا index-mob.tpl.html هست
برای اینکار وارد فایل Index.class.php در پوشه class را ویرایش کنید و خط زیر را پیدا کنید

کد php:

    include_once("styles/".$_SESSION['etchat_'.$this->_prefix.'style']."/index.tpl.html");

اینو جایگذین کنید با

کد php:

include 'Mobile_Detect.php';
              $detect = new Mobile_Detect;
             if ( $detect->isMobile() ) {
             include_once("styles/".$_SESSION['etchat_'.$this->_prefix.'style']."/index-mob.tpl.html");
             }
             else 
             {
        include_once("styles/".$_SESSION['etchat_'.$this->_prefix.'style']."/index.tpl.html");
        }

صفحه اول اوکی شد
بریم سراغ صفحه دوم . فایل Chat.class.php را در پوشه class ویرایش کنید و خط زیر را پیدا کنید

کد php:

include_once("styles/".$_SESSION['etchat_'.$this->_prefix.'style']."/chat.tpl.html");

جایگذین کنید با

کد php:

include 'Mobile_Detect.php';
              $detect = new Mobile_Detect;
             if ( $detect->isMobile() ) {
             include_once("styles/".$_SESSION['etchat_'.$this->_prefix.'style']."/chat-mob.tpl.html");
             }
             else
             {
        include_once("styles/".$_SESSION['etchat_'.$this->_prefix.'style']."/chat.tpl.html");
        }

مرحله سوم :

حالا سیستم ما کاربران با موبایل رو تشخیص میده و به ادرس خواسته شده میفرسته . فقط دو تا کار آسون مونده و اونم ساختن دو تا فایل با نام های chat-mob.tpl.html و index-mob.tpl.html در پوشه styles/etchat_white هست و طراحی یک قالب موبایل ساده
برای اینکه سیستم عامل گوشی متوجه بشه که صفحه وب شما مخصوص موبایل طراحی شده باید این تگ در قالب موبایل شما وجود داشته باشه

کد php:

<meta name="viewport" content="width=device-width, initial-scale=1.0" />